<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
    <head>
        <meta charset="UTF-8"name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
        <link rel="stylesheet" href="/css/main.css" th:href="@{/css/main.css}" />
        <link rel="stylesheet" href="/css/my.css" th:href="@{/css/my.css}" />
        <link rel="stylesheet" href="/css/alert.css" th:href="@{/css/alert.css}"/>
        <script type="text/javascript" src="/js/adapt.js"></script>
        <title>玩家界面</title>
    </head>
    <body>
    <div id = "yu_common">
        <div th:if="${current_user_HP} gt 0">
            <div th:replace="welcome::logout"></div>
            <h1 id ="username" th:text="${current_user_name}">commmon</h1>
            <h2 th:if="${current_user_HP} gt 0" th:text="'血量:'+${current_user_HP}+'/'+${current_user_MHP}">commmon</h2>
            <h2 th:text="'攻击值:'+${current_user_AC}">commmon</h2>
            <h2 th:text="'蓝量:'+${current_user_MP}+'/'+${current_user_MMP}">commmon</h2>
            <h2 th:text="'物品栏:'+${current_user_Item_list}">commmon</h2>
            <h2 th:text="'任务:'+${current_user_Task}" id="task" class = "task">common</h2>

            <form action="#" th:action="@{/use_card}" method="post">
                <select name="username">
                    <option value="厂公">厂公</option>
                    <option value="锦衣卫">锦衣卫</option>
                    <option value="三小姐">三小姐</option>
                    <option value="二少奶奶">二少奶奶</option>
                    <option value="二少爷">二少爷</option>
                    <option value="江灵">江灵</option>
                    <option value="太子">太子</option>
                    <option value="二皇子">二皇子</option>
                    <option value="太医">太医</option>
                    <option value="秦正">秦正</option>
                </select>
                <button class="but" type="submit">使用攻击卡</button>
            </form>

        </div>
        <div th:unless="${current_user_HP} gt 0">
            <h2>你已死亡</h2>
            <p><a href="/chat" th:href="@{/chat}"> 聊天室 </a>></p>
        </div>
        <p><a href="/welcome" th:href="@{/welcome}">返回主菜单</a>></p>
    </div>
    <script type="text/javascript" src="/js/alert.js"></script>
    <script type="text/javascript" src="/js/adapt.js"></script>
    <script type="text/javascript" src="/js/websocket.js"></script>
    </body>
</html>